<script setup>
  // 1. 先导入 useRouter
  import { useRoute, useRouter } from 'vue-router'
  import { onMounted } from 'vue';
  // 2. 使用
  const router = useRouter() // 是整个路由实例
  const rount = useRoute() // 是当前的路由对象

  setTimeout(() => {
    // 传入 path 参数与 rount-link 中的 to 一样
    // 1. 查询参 为什么叫查询 因为有一个问号 ?
    // router.push('/sort?id=123')
    // router.push({
    //   path: '/sort',
    //   query: {
    //     id: 456
    //   }
    // })

    // 2. 动态参
    // router.push({
    //   name: 'Sort',
    //   params: {
    //     id: 567
    //   }
    // })
    router.push('/sort/789')
  }, 2000)
</script>

<template>
  <div>
    <h3>发现内容</h3>
    <h3>发现内容</h3>
    <h3>发现内容</h3>
    <h4>两秒后自动跳转到Sort</h4>
  </div>
</template>

<style scoped></style>